<template>
    <div class="mvDetails">
        <main>
            <playBox />
            <mvComments />
        </main>
        <video
            src="../../assets/video/Live_流星.mp4"
            id="bgBanner"
            autoplay
            loop
            muted
        ></video>
    </div>
</template>

<script>
import { lazyload, formatTime, debounce } from "../../utils/common";
import { createNamespacedHelpers } from "vuex";
import playBox from "../../components/mvDetails/PlayBox";
import mvComments from "../../components/mvDetails/MVComment";

const { mapState, mapMutations, mapActions } = createNamespacedHelpers(
    "mvDetails"
);
export default {
    components: {
        playBox,
        mvComments,
    },
    data() {
        return {};
    },
    created() {
        this.mvsPrevY = 0;
        this.formatTime = formatTime;
        this.getMvDetail(this.$route.params._id);
    },
    computed: {
        ...mapState([]),
    },
    methods: {
        ...mapActions(["getMvDetail"]),
        ...mapMutations([""]),
    },
};
</script>

<style lang='scss' scoped>
#bgBanner {
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    transition: all 0.5s;
    z-index: -99;
}
</style>